<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <video src="mov.mp4" muted></video>
    <!-- muted 静音 -->
    <script>
        //DOM对象与jQuery对象是可以相互转换的
        /* 因为原生js比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要想使用这些属性和方法
        需要把jQuery对象转换为DOM对象才能使用*/

        //Dom对象转换为jQuery对象
        //1.直接获取视频，得到的就是jQuery对象
        $('video');
        //2.使用原生js获取
        var myvideo = document.querySelector('video');
        //$(myvideo); //jquery里面没有play方法

        //jQuery对象转换为DOM对象 $('')[index]
          //jQuery对象转换为DOM对象 $('').get(index)
        // myvideo.play();
        $('video')[0].play();;

    </script>
</body>
</html>